<!DOCTYPE html> 
<html> 
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>jQuery Mobile Docs - Pages</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
	<link rel="stylesheet"  href="{SITE_URL}scripts/jquery.mobile/jquery.mobile-1.0.min.css" />  
	<link rel="stylesheet"  href="{SITE_URL}scripts/jquery.mobile/jqm-docs.css"/>
	<script src="{SITE_URL}scripts/jquery.mobile/jquery.js"></script>
	<!--<script src="{SITE_URL}scripts/jquery.mobile/experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>-->
	<script src="{SITE_URL}scripts/jquery.mobile/jquery.mobile-1.0.min.js"></script>
</head> 
<body> 

	<div data-role="page" class="type-index">

		<div data-role="header" data-theme="f">
		<h1>Pages</h1>
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-button-right jqm-home">Home</a>
	</div><!-- /header -->

	<div data-role="content">

				<p>jQuery Mobile includes automatic AJAX page loading of external pages with back button history support, a set of animated page transitions and simple tools for displaying pages as dialogs.</p>

			
		<ul data-role="listview" data-inset="true">
        	
            {get sql="SELECT * FROM `table_tweet` WHERE  status=99 ORDER BY tweetid DESC" rows="20" page="$page"}
            
              
            <li><a href="{url("?module=mobile&tweetid=$r[tweetid]")}" target="{$target}">{str_cut($r[description], 300)}</a></li>
            {/get}
		</ul>


		</div><!-- /ui-body container -->	
</div><!-- /page -->

</body>
</html>
